<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
        <title>
            登录成功
        </title>
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    
        </script>
        <!-- 引入 layui.css -->
    <link href="./css/layui.css" rel="stylesheet" />

    <!-- 引入 layui.js -->
    <script src="./js/layui.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/constant.js" ></script>
    <script src="./js/data.js"></script>
    <script src="./js/userAuth.js"></script>
    <script src="./js/request.js"></script>
    <script type="text/javascript">    
        var countdown = 3;
        $(document).ready(()=>{
            init();
            const timer = setInterval(() => {
                console.log('run')
                if(countdown == 0){
                    countdown = 3
                    location.replace(MINE_PAGE)
                    clearInterval(timer);
                }else{
                    countdown = countdown - 1;
                    $("#second").text(countdown);
                }
            }, 1000);
        })
    </script>
    </head>

    <style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 40px 0px;
        }
        #second {
            color:rgb(229,86,77);
        }
    </style>
    <body>
        <!-- 成功logo -->
        <img src="./static/success.png" style="width: 60px;height: 60px;"/>
        <!-- 文字提示 -->
        <div style="margin-top: 30px;">
            登录成功
        </div>
        <!-- 跳转提示 -->
        <div style="margin-top: 30px;">
            成功绑定用户，将在<span id="second"></span>内跳至主页
        </div>
        <!-- 跳转按钮 -->
        <div style="color:white;text-align:center;margin-top: 30px;height: 40px;line-height: 40px;width: 300px;border-radius: 20px;background-color: rgb(229,86,77);">
            确定
        </div>

    </body>
</html>